/**
 * ================================
 * 描述说明
 * @author haitaoyuan</br>2017/11/10
 * @version 1.0.0
 * ================================
 */

/* 字体大小 */
.font-12 { font-size:12px; }
.font-13 { font-size:13px; }
.font-14 { font-size:14px; }
.font-15 { font-size:15px; }
.font-16 { font-size:16px; }
.font-17 { font-size:17px; }
.font-18 { font-size:18px; }
.font-19 { font-size:19px; }
.font-20 { font-size:20px; }
/* 行高 */
.line-h20 { line-height:20px; }
.line-h25 { line-height:25px; }
.line-h30 { line-height:30px; }
.line-h35 { line-height:35px; }
.line-h40 { line-height:40px; }
/* 字体加粗 */
.font-bold { font-weight: bold; }
/* 段落缩进 */
.txt-indent { text-indent: 16px; }
/* 字体颜色 */
.font-69 { color: #696969; }
.font-ddd { color: #DDDDDD; }
/* 块级显示 */
.dis-blc { display: block; }
.dis-none { display: none; }
.dis-inline { display: inline; }
.dis-i-blc { display: inline-block; }
.dis-flex { display: flex; }
/* 背景颜色 */
.bg-F0 { background-color: #F0F0F0; }
.bg-FFF { background-color: #FFFFFF; }

/* text-align */
.txt-c { text-align: center; }
.txt-l { text-align: left; }
.txt-r { text-align: right; }

/* margin */
.m-l-0  { margin-left: 0px; }
.m-l-5  { margin-left: 5px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-20 { margin-left: 20px; }
.m-r-0  { margin-right: 0px; }
.m-r-5  { margin-right: 5px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-20 { margin-right: 20px; }
.m-t-0  { margin-top: 0; }
.m-t-5  { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-15 { margin-top: 15px; }
.m-t-20 { margin-top: 20px; }
.m-b-0  { margin-bottom: 0px; }
.m-b-5  { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }

/* padding */
.p-l-0  { padding-left: 0; }
.p-l-5  { padding-left: 5px; }
.p-l-10 { padding-left: 10px; }
.p-l-15 { padding-left: 15px; }
.p-l-20 { padding-left: 20px; }
.p-l-25 { padding-left: 25px; }
.p-r-0  { padding-right: 0; }
.p-r-5  { padding-right: 5px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }
.p-r-25 { padding-right: 25px; }
.p-t-0  { padding-top: 0; }
.p-t-5  { padding-top: 5px; }
.p-t-10 { padding-top: 10px; }
.p-t-15 { padding-top: 15px; }
.p-t-20 { padding-top: 20px; }
.p-t-25 { padding-top: 25px; }
.p-b-0  { padding-bottom: 0; }
.p-b-5  { padding-bottom: 5px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-b-20 { padding-bottom: 20px; }
.p-b-25 { padding-bottom: 25px; }

/* 浮动值 */
.float-l { float: left; }
.float-r { float: right; }

/* 定位 */
.position-re { position: relative; }
.position-ab { position: absolute; }
.position-st { position: static; }
.position-fix { position: fixed; }

/* 段落显示行数，其余隐藏 */
.p_show_1 { -webkit-line-clamp: 1; }
.p_show_2 { -webkit-line-clamp: 2; }
.p_show_3 { -webkit-line-clamp: 3; }
.p_show_4 { -webkit-line-clamp: 4; }

/* 宽度 */
.wid-5 { width:5%; }
.wid-10 { width:10%; }
.wid-15 { width:15%; }
.wid-20 { width:20%; }
.wid-25 { width:25%; }
.wid-30 { width:30%; }
.wid-35 { width:35%; }
.wid-40 { width:40%; }
.wid-45 { width:45%; }
.wid-50 { width:50%; }
.wid-55 { width:55%; }
.wid-60 { width:60%; }
.wid-65 { width:65%; }
.wid-70 { width:70%; }
.wid-75 { width:75%; }
.wid-80 { width:80%; }
.wid-85 { width:85%; }
.wid-90 { width:90%; }
.wid-95 { width:95%; }
.wid-100 { width:100%; }


/* 页码 */
.page-list .pagination {float: left; margin-top: 0;}
.page-list .pagination span {cursor: pointer;}
.page-list .pagination .separate span{cursor: default; border-top:none;border-bottom:none;}
.page-list .pagination .separate span:hover {background: none;}
.page-list .page-total {float:left; margin: 4px 20px;}
.page-list .page-total input, .page-list .page-total select{height: 26px; border: 1px solid #ddd;}
.page-list .page-total input {width: 40px; padding-left:3px;}
.page-list .page-total select {width: 50px;}